<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/wings.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
    <title>A place for myself</title>
</head>

<body>
    <main class="container-fluid p-0">
        <div class="img-box" style="min-height:500px">
            <img src="../img/f-bg.jpg" id="bg" class="ocapity_img html-bg">
            <section class="hero__content align-self-center">
                <h1 class="text-center head_page">We Are Dreamers<br>
                    We Are Lighters</h1>
                <div class="row justify-content-md-center" style="align-self:center;">
                    <div class="col-md-4">
                        <a href="../index.html">
                            <div class="figure scale-1-1">
                                <img src="../img/touxiang.jpg" class="rounded-circle  d-block mx-auto"
                                    style="width:100px; z-index:10; margin: 0 0 10px 0;">
                                <p class="text-center text-warning"><strong>谭滨瀚的个人主页</strong></p>
                                <p class="text-center text-white"><strong>写得了代码<br>赋得了诗歌</strong></p>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-4">
                        <a href="http://dongjikun.gitee.io/djj-web">
                            <div class="figure scale-1-1">
                                <img src="../img/517F498D11ED54DB250366B642BB84AA.jpg" class="rounded-circle  d-block mx-auto"
                                    style="width:100px; z-index:10; margin: 0 0 10px 0;">
                                <p class="text-center text-info"><strong>董季坤的个人主页</strong></p>
                                <p class="text-center text-white"><strong><br>我爱科学真理</strong></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row justify-content-md-center" style="align-self:center;">
                    <div class="col-md-4">
                        <a href="https://skydevourer.gitee.io/my-web">
                            <div class="figure scale-1-1">
                                <img src="../img/rlt.jpg" class="rounded-circle  d-block mx-auto"
                                    style="width:100px; z-index:10; margin: 0 0 10px 0;">
                                <p class="text-center text-warning"><strong>阮乐天的个人主页</strong></p>
                                <p class="text-center text-white"><strong>强大的内心<br>需要城墙般的脸皮</strong></p>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-4">
                        <a href="https://ilzlx.gitee.io/web">
                            <div class="figure scale-1-1">
                                <img src="../img/syd.jpg" class="rounded-circle  d-block mx-auto"
                                    style="width:100px; z-index:10; margin: 0 0 10px 0;">
                                <p class="text-center text-info"><strong>施远栋的个人主页</strong></p>
                                <p class="text-center text-white"><strong>Put up<br>or Shut up</strong></p>
                            </div>
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </main>


    <script src="../js/jquery-3.3.1.slim.min.js"></script>
    <script src="../js/popper.min.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/wings.js"></script>
</body>

</html>